<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="'https://fonts.googleapis.com/css2?family=Rajdhani:wght@300&display=swap"></script>
		<style>
			
			html,
			body {
			    width: 100%;
			    height: 100%;
			    background: #000;
			    overflow: hidden;
			    text-align: center;
			    font-family: 'Rajdhani', sans-serif;
			}
			
			div {
			    animation: wobble 5s ease-in-out infinite;
			    transform-origin: center center;
			    transform-style: preserve-3d;
			/*     perspective: 500px; */
			}
			
			@keyframes wobble {
			    0%,
			    100% {
			        transform: rotate3d(1, 1, 0, 40deg);
			    }
			    25% {
			        transform: rotate3d(-1, 1, 0, 40deg);
			    }
			    50% {
			        transform: rotate3d(-1, -1, 0, 40deg);
			    }
			    75% {
			        transform: rotate3d(1, -1, 0, 40deg);
			    }
			}
			
			h1 {
			    position: absolute;
			    display: block;
			    width: 100%;
			    top: 120px;
			    font-size: 100px;
			    font-weight: bold;
			    text-transform: uppercase;
			    color: rgba(255, 100, 100, 1);
			    text-shadow: 
			        0 0 5px rgba(255, 0, 0, 1), 
			        0 0 20px rgba(255, 0, 0, .8), 
			        0 0 50px rgba(255, 0, 0, .6);
			    animation: glow 10s ease-in-out infinite;
			}
			
			@keyframes glow {
			    from {
			        filter: hue-rotate(0);
			    }
			    to {
			        filter: hue-rotate(360deg);
			    }
			}
			
			h1:nth-child(2) {
			    transform: translateZ(5px);
			}
			h1:nth-child(3) {
			    transform: translateZ(10px);
			}
			h1:nth-child(4) {
			    transform: translateZ(15px);
			}
			h1:nth-child(5) {
			    transform: translateZ(20px);
			}
			h1:nth-child(6) {
			    transform: translateZ(25px);
			}
			h1:nth-child(7) {
			    transform: translateZ(30px);
			}
			h1:nth-child(8) {
			    transform: translateZ(35px);
			}
			h1:nth-child(9) {
			    transform: translateZ(40px);
			}
			h1:nth-child(10) {
			    transform: translateZ(45px);
			}
		</style>
	</head>
	<body>
		<div>
		  <h1>1111</h1>
		  <h1>1111</h1>
		  <h1>1111</h1>
		  <h1>1111</h1>
		  <h1>1111</h1>
		  <h1>1111</h1>
		  <h1>1111</h1>
		  <h1>1111</h1>
		  <h1>1111</h1>
		  <h1>1111</h1>  
		</div>
	</body>
</html>